<!--
 * @Author: 胡海
 * @Date: 2020-11-22 11:20:43
 * @LastEditors: 胡海
 * @LastEditTime: 2020-11-22 15:50:14
 * @Description: 
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Object.defineProperty数据描述</title>
</head>
<script src="../vue/src/vue.js"></script>
<body>
  	 
    <div id="app">
        <h2>{{news.title}}</h2>
        <ul>
            <li v-for="(value,index) in news.list">{{value}}</li>
        </ul>
    </div>
    

    <script>
        var data = {
            title: '新闻',
            list: ['歌手','歌手','歌手']
        }

        let vm = new Vue({
            el: '#app',
            data:{
                news: data
            }
        })

        console.log(vm.news);
        console.log(vm.$data.news);

    </script>

</body>
</html>